<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册页</title>


</head>

<body>
    <!-- 主体 -->
    <main>
        <div class="container">
            <div class="zop" id="zop1">密码登录</div>
            <h1 class="mt80 mb16">手机号登录/注册</h1>
            <p>快速找到好友，一站式记录你的运动</p>
            <form action="">
                <p><input type="text" placeholder="输入手机号码" id="tel"></p>
                <p class="yanzheng"><input type="text" placeholder="请输入验证码" style="width: 213px;" id="vc"><canvas width="120px" height="50px" id="captcha1"></canvas></p>
                <p><input type="password" placeholder="请输入密码" id="pwd"></p>
                <p><input type="password" placeholder="再次确认密码" id="rePwd"></p>
                <p><input type="button" value="注册账号" class="bgg" id="reBtn"></p>
            </form>
            <div class="mt40 cop">
                <span>微信注册</span>
                
            </div>
            <div class="ok1">
               
            </div>
        </div>
    </main>

</body>

</html>